<!-- FORMULARIO CONFIGURACION USUARIO -->
<!-- Botón activo-->
<script language="javascript" type="text/javascript">
    $(function() {
        $( "#activousuario" ).buttonset();
    });
</script>

<!-- LISTA DE USUARIOS Y FORMULARIO DE USUARIOS-->
<!-- TRAE LOS USUARIOS -->
<script>
    function traeusuarios() {
        if(seleccionado == 'usuarios'){
            $(function() { 
                $.ajax({ 
                    data: "accio=omplirLlista", 
                    type: "GET", 
                    dataType: "json", 
                    url: "./controlador/UsuarioControl.php", 
                    beforeSend : function(jqXHR, settings) {
                        console.info('in beforeSend');
                        console.log(jqXHR, settings);
                        $("#divajax").show(); 
                    },
                    error : function(jqXHR, textStatus, errorThrown) {
                        console.info('in error');
                        console.log(jqXHR, textStatus, errorThrown);
                    },
                    success: function(data){ 
                        //alert("hola");
                        mostraLlistaUsuarios(data);
                        $("#divajax").hide(); 
                        $(".derechaConfig").hide();
                    }
                });
            }); 
        }
    }
</script>

<!-- MUESTRA LA LISTA DE USUARIOS -->
<script language="javascript" type="text/javascript">
    function mostraLlistaUsuarios(data) {
        if(seleccionado == 'usuarios'){
            $("#tusuarios").empty();
            var texto = "<thead><tr><th>Código</th><th>Rol</th><th>Localización</th><th>Nombre</th><th>Apellido 1</th><th>Correo</th><th>Teléf. 1</th><th>Activo?</th></tr></thead><tbody>";
            $.each(data,function(index,value) {
                texto = texto + "<tr id='"+data[index].codigoUsuario+"'>";
                texto = texto + '<td>'+data[index].codigoUsuario+'</td>';
                texto = texto + '<td>'+data[index].roluser+'</td>';
                texto = texto + '<td>'+data[index].localizacion+'</td>';
                texto = texto + '<td>'+data[index].nombre+'</td>';
                texto = texto + '<td>'+data[index].apellido1+'</td>';
                texto = texto + '<td>'+data[index].email+'</td>';
                texto = texto + '<td>'+data[index].telefono1+'</td>';
                texto = texto + '<td>'+data[index].activousuario+'</td>';       
                texto = texto + "</tr>";
            });
            var texto = texto+"</tbody>";
            $("#tusuarios").append(texto);
        }
    }
</script>


<!-- CLIC A AÑADIR USUARIO -->
<script type='text/javascript'>
    $(function() { 
        $("#afegirU").click(function() {
            clicAfegir = 1;
            $("#usuariosForm").show();
            $("#fusuario").reset();
            $("#divajax").show(); 
            selectDependientesU();

<?php
$_SESSION['usuarioselected'] = "";
//$_SESSION['usuario'] = null;
?>;
        });
    });
</script>

<!-- CLIC A UN USUARIO DE LA LISTA PARA MOSTRARLO EN EL FORMULARIO DERECHA-->

<script language="javascript" type="text/javascript">
    $(function() {
        $('#tusuarios').delegate('tbody tr', 'click', function () {  
            //$("#tusuarios tbody").click(function(event) {
            var codigoUsuarioClic = $(this).attr("id");
            clicAfegir = 0;
            $.ajax({ 
                data: "accio=omplirFUsuario&codigoUsuarioClic="+codigoUsuarioClic, 
                type: "GET", 
                dataType: "json", 
                url: "controlador/UsuarioControl.php",
                beforeSend : function(jqXHR, settings) {
                    console.info('in beforeSend');
                    console.log(jqXHR, settings);
                    $("#divajax").show(); 
                },
                error : function(jqXHR, textStatus, errorThrown) {
                    console.info('in error');
                    console.log(jqXHR, textStatus, errorThrown);
                },
                success: function(data){ 
                    mostraFUsuario(data);

                }
            });
 
        });
    });
</script>

<!-- MUESTRA LOS DATOS DEL FORMULARIO USUARIO -->
<script language="javascript" type="text/javascript">
    function mostraFUsuario(data) {
        $("#fusuario").reset();
        $("#usuariosForm").show();
        $.each(data,function(index,value) { 
            $('#codigoUsuario').val(data[index].codigoUsuario);
            $('#contrasenya').val(data[index].contrasenya);
            $('#nombre').val(data[index].nombre);
            $('#apellido1').val(data[index].apellido1);
            $('#apellido2').val(data[index].apellido2);
            $('#email').val(data[index].email);
            $('#telefono1').val(data[index].telefono1);
            $('#telefono2').val(data[index].telefono2);
            $('#direccion').val(data[index].direccion);
            $('#codigoPostal').val(data[index].codigoPostal);
            $('#localidad').val(data[index].localidad);
            $('#departamento').val(data[index].departamento);
            $('#pais').val(data[index].pais);
            $('#twitter').val(data[index].twitter);
            selectDependientesU();
            var $elselect = $('input:radio[name=activousuario]');
            if(data[index].activousuario == 1){
                $elselect.filter('[value=1]').attr('checked',true);   
                $elselect.filter('[value=0]').attr('checked',false);
            }else{
                $elselect.filter('[value=0]').attr('checked',true);   
                $elselect.filter('[value=1]').attr('checked',false);
            }
            

        });
    }
</script>

<!-- EJECUTA LOS DIFERENTES SELECT OPTIONS DEL FORMULARIO -->
<script>
    function selectDependientesU() {

        selectRolU();
        selectLocalizacionU();
       
    }
</script>

<!-- LLENA Y MUESTRA EL SELECT DE ROL-->
<script>
    function muestraRolU(data) {
        $("#divajax").show();
        $.each(data,function(index,value) {
            $("#roluser").append("<option value='"+data[index].codigoRol+"' "+data[index].rolSelected+">"+data[index].descripcionRol+"</option>");
        });
        $("#divajax").hide();
    }
    function selectRolU() {
        $(function() { 
            $("#roluser").empty();
            $.ajax({ 
                data: "accio=omplirSelect&sel=rolSelected", 
                type: "GET", 
                dataType: "json", 
                url: "./controlador/RolControl.php", 
                beforeSend : function(jqXHR, settings) {
                    console.info('in beforeSend ROL');
                    console.log(jqXHR, settings);
                    $("#divajax").show(); 
                },
                error : function(jqXHR, textStatus, errorThrown) {
                    console.info('in error rol');
                    console.log(jqXHR, textStatus, errorThrown);
                },
                success: function(data){ 
                    muestraRolU(data);
                }
            });
        }); 
    }
</script>

<!-- LLENA Y MUESTRA EL SELECT DE LOCALIZACION-->
<script>
    function muestraLocalizacionU(data) {
        $("#divajax").show();
        $("#localizacion").append("<option value=0>-------</option>");
        $.each(data,function(index,value) {
            $("#localizacion").append("<option value='"+data[index].codigoLocalizacion+"' "+data[index].localizacionSelected+">"+data[index].descripcionLocalizacion+"</option>");
        });
        $("#divajax").hide();
    }
    function selectLocalizacionU() {
        $(function() { 
            $("#localizacion").empty();
            $.ajax({ 
                data: "accio=omplirSelect&sel=localizacionSelected", 
                type: "GET", 
                dataType: "json", 
                url: "./controlador/LocalizacionControl.php", 
                beforeSend : function(jqXHR, settings) {
                    console.info('in beforeSend');
                    console.log(jqXHR, settings);
                    $("#divajax").show(); 
                },
                success: function(data){ 
                    muestraLocalizacionU(data);
                }
            });
        }); 
    }
</script>

<!-- CLIC A GUARDAR USUARIO EN LA BASE DE DATOS(MODIFICARLO O CREARLO)-->

<script language="javascript" type="text/javascript">
    $(function() {
        $('#guardarU').click(function() {  
            //     if($("#codigoUsuario").val() ==""){
            //         var datos = "accio=create&"+$("#fusuario").serialize(); 
            //     }else{
            //         var datos = "accio=update&codigoUsuario="+$("#codigoUsuario").val()+"&"+$("#fusuario").serialize(); 
            //     }
            if(clicAfegir == 1){
                var datos = "accio=create&"+$("#fusuario").serialize(); 
            }else{
                var datos = "accio=update&codigoUsuario="+$("#codigoUsuario").val()+"&"+$("#fusuario").serialize(); 
            }
            
            $.ajax({ 
                data: datos,
                type: "GET", 
                dataType: "json", 
                async: false,
                url: "controlador/UsuarioControl.php", 
                beforeSend : function(jqXHR, settings) {
                    console.info('in beforeSend');
                    console.log(jqXHR, settings);
                    $("#divajax").show(); 
                },
                error : function(jqXHR, textStatus, errorThrown) {
                    console.info('in error');
                    console.log(jqXHR, textStatus, errorThrown);
                },
                success: function(data1){
                    $("#divajax").hide(); 
                    traeusuarios();
                }
            });
 
        });
    });
</script>

<!-- Botón activo-->
<script language="javascript" type="text/javascript">
    $(function() {
        $( "#activousuario" ).buttonset();
    });
</script>

<!-- CLIC A ELIMINAR USUARIO EN LA BASE DE DATOS(DELETE)-->

<script language="javascript" type="text/javascript">
    $(function() {
        $('#deleteU').click(function() {  

            var datos = "accio=delete&codigoUsuario="+$("#codigoUsuario").val()+"&"+$("#fusuario").serialize(); 
                  
            $.ajax({ 
                data: datos,
                type: "GET", 
                dataType: "json", 
                async: false,
                url: "controlador/UsuarioControl.php", 
                beforeSend : function(jqXHR, settings) {
                    console.info('in beforeSend');
                    console.log(jqXHR, settings);
                    $("#divajax").show(); 
                },
                success: function(data1){
                    traeusuarios();
                    $("#divajax").hide(); 
                }
            });
 
        });
    });
</script>

